<template>
	<view>
		<cu-custom bgColor="bg-gradual-fff">
			<block slot="content">商城订单</block>
		</cu-custom>
		<loading-view v-if="showLoading"></loading-view>
		<view v-show="!showLoading">
			<view class="viewbox"></view>
			<view v-if="uid">
				<view class="order_type">
					<view class="order_type_a" @click="order_type_click(1)" :class="bankuai==1?'order_type_aa':''">商城订单</view>
					<view class="order_type_a" @click="order_type_click(2)" :class="bankuai==2?'order_type_aa':''">课程订单</view>
					<view class="order_type_a" @click="order_type_click(3)" :class="bankuai==3?'order_type_aa':''">测试中心订单</view>
				</view>
				<view class="order_db">
					<view class="header_wrap">
						<view class="header_wrap_a">
							<u-icon name="search" color="#fff" size="16"></u-icon>
						</view>
						<view class="header_wrap_b">
							<input  placeholder="搜索订单信息" v-model="keyword" confirm-type="search" @confirm="onRefresh()" placeholder-style="font-size: 24rpx;font-family: PingFang SC;font-weight: 500;color: #BBBBBB;"/>
						</view>
						<view class="header_wrap_c" @click="onRefresh">搜索</view>
					</view>
					<view v-if="bankuai==1">
						<u-sticky :offset-top="CustomBar">
							<view class="order_list_a">
								<view class="order_list_a_a" @click="order_click(0)" :class="current==0?'order_list_a_aa':''">
									全部
									<view v-if="current==0" class="order_list_a_a_a"></view>
								</view>
								<view class="order_list_a_a" @click="order_click(1)" :class="current==1?'order_list_a_aa':''">
									待付款
									<view v-if="current==1" class="order_list_a_a_a"></view>
								</view>
								<view class="order_list_a_a" @click="order_click(2)" :class="current==2?'order_list_a_aa':''">
									待发货
									<view v-if="current==2" class="order_list_a_a_a"></view>
								</view>
								<view class="order_list_a_a" @click="order_click(3)" :class="current==3?'order_list_a_aa':''">
									待收货
									<view v-if="current==3" class="order_list_a_a_a"></view>
								</view>
								<view class="order_list_a_a" @click="order_click(4)" :class="current==4?'order_list_a_aa':''">
									已完成
									<view v-if="current==4" class="order_list_a_a_a"></view>
								</view>
								<view class="order_list_a_a" @click="order_click(5)" :class="current==5?'order_list_a_aa':''">
									已取消
									<view v-if="current==5" class="order_list_a_a_a"></view>
								</view>
								<view class="order_list_a_a" @click="order_click(6)" :class="current==6?'order_list_a_aa':''">
									售后
									<view v-if="current==6" class="order_list_a_a_a"></view>
								</view>
							</view>
						</u-sticky>
						<view class="order_a" v-if="orderList.length>0">
							<view class="order_a_a" v-for="(item, index) in orderList" :key="index">
								<view style="overflow: hidden;">
									<view class="order_a_a_a" @click="goPage('/pages/order/order_details?order_sn=' + item.order_sn)">
										<view class="order_a_a_a_a">
											订单号：{{item.order_sn}}
										</view>
										<view class="order_a_a_a_b">
											{{item.order_status_desc}}
										</view>
									</view>
									<view class="order_a_a_ba" @click="goPage('/pages/order/order_details?order_sn=' + item.order_sn)">
										<view class="order_a_a_ba_a">
											<view v-if="item.order_goods.length==1">
												<view class="order_a_a_b" v-for="(item1, index1) in item.order_goods" :key="index1">
													<view class="order_a_a_b_a">
														<custom-image :lazy-load="true" width="140rpx" height="140rpx" radius="8rpx" lazy-load
															:src="item1.image"></custom-image>
													</view>
													<view class="order_a_a_b_b">
														<view class="order_a_a_b_b_a">{{item1.goods_name}}</view>
														<view class="order_a_a_b_b_b">规格：{{item1.spec_value}}</view>
														<view class="order_a_a_b_b_c">
															<view class="order_a_a_b_b_c_a">
																<span>¥</span>{{item1.goods_price}}
															</view>
														</view>
													</view>
												</view>
											</view>
											<view v-else>
												<u-scroll-list>
													<view class="order_a_a_b_a" style="margin-right: 20rpx;"
														v-for="(item1, index1) in item.order_goods">
														<custom-image :lazy-load="true" width="140rpx" height="140rpx" radius="8rpx" lazy-load
															:src="item1.image"></custom-image>
													</view>
												</u-scroll-list>
											</view>
										</view>
										<view class="order_a_a_ba_b">
											<view class="order_a_a_ba_b_a">
												<price-format :first-size="35" :second-size="24" :subscript-size="24" :price="item.order_amount"
													:weight="500"></price-format>
											</view>
											<view class="order_a_a_ba_b_b">共{{item.total_num}}件</view>
										</view>
									</view>
								</view>
								<view class="user_money_log_b_c" v-if="
									item.cancel_btn ||
									item.delivery_btn ||
									item.take_btn ||
									item.pay_btn
								  ">
									<view class="user_money_log_b_c_b" v-if="item.take_btn" @click="order_confirm_click(item,index)">
										确认收货
									</view>
									<view class="user_money_log_b_c_b" v-if="item.pay_btn"
										@click="goPage('/pages/confirm_order/order_details?order_sn='+item.order_sn+'&from=order')"
										style="background-color:#62469B;">去付款</view>
									<view class="user_money_log_b_c_b" v-if="item.cancel_btn" @click="order_cancel_click(item,index)">取消订单</view>
									<view class="user_money_log_b_c_b" v-if="item.delivery_btn"
										@click="goPage('/pages/order/goods_logistics?id='+item.id)">查看物流</view>
								</view>
							</view>
						</view>
					</view>
					<view v-if="bankuai==2">
						<u-sticky :offset-top="CustomBar">
							<view class="order_list_a">
								<view class="order_list_a_a" style="width: 25%;" @click="order_click(0)" :class="current==0?'order_list_a_aa':''">
									全部
									<view v-if="current==0" class="order_list_a_a_a"></view>
								</view>
								<view class="order_list_a_a" style="width: 25%;" @click="order_click(1)" :class="current==1?'order_list_a_aa':''">
									待付款
									<view v-if="current==1" class="order_list_a_a_a"></view>
								</view>
								<view class="order_list_a_a" style="width: 25%;" @click="order_click(2)" :class="current==2?'order_list_a_aa':''">
									购买成功
									<view v-if="current==2" class="order_list_a_a_a"></view>
								</view>
								<view class="order_list_a_a" style="width: 25%;" @click="order_click(3)" :class="current==3?'order_list_a_aa':''">
									售后
									<view v-if="current==3" class="order_list_a_a_a"></view>
								</view>
							</view>
						</u-sticky>
						<view class="order_a" v-if="orderList.length>0">
							<view class="order_a_a" v-for="(item, index) in orderList" :key="index">
								<view style="overflow: hidden;" @click="goPage('/pages/curriculum_order/order_details?order_sn=' + item.order_sn)">
									<view class="order_a_a_a">
										<view class="order_a_a_a_a">
											订单号：{{item.order_sn}}
										</view>
										<view class="order_a_a_a_b">
											{{item.order_status_desc}}
										</view>
									</view>
									<view class="order_a_a_b" style="margin-top: 20rpx;" v-for="(item1, index1) in item.curriculum_order_goods" :key="index1">
										<view class="order_a_a_b_a" style="width: 170rpx;height: 95rpx;">
											<custom-image :lazy-load="true" width="170rpx" height="95rpx" radius="8rpx" lazy-load :src="item1.image"></custom-image>
										</view>
										<view class="order_a_a_b_b" style="width: 435rpx;">
											<view class="order_a_a_b_b_a">{{item1.goods_name}}</view>
											<view class="order_a_a_b_b_b" style="color: #CC8EBC;">{{item1.course_type_name}}</view>
											<view class="order_a_a_b_b_c">
												<view class="order_a_a_b_b_c_a" v-if="item1.integral==0 && item1.goods_price==0">
													免费
												</view>
												<view class="order_a_a_b_b_c_a" v-if="item1.integral==0 && item1.goods_price>0">
													<span>¥</span>{{item1.goods_price}}
												</view>
												<view class="order_a_a_b_b_c_a" v-if="item1.goods_price==0 && item1.integral>0">
													<span>积分</span>{{item1.integral}}
												</view>
												<view class="order_a_a_b_b_c_a" v-if="item1.goods_price>0 && item1.integral>0">
													<span>积分</span>{{item1.integral}}+<span>¥</span>{{item1.goods_price}}
												</view>
											</view>
										</view>
									</view>
								</view>
								<view class="user_money_log_b_c" v-if="item.order_status==0">
									<view class="user_money_log_b_c_b" v-if="item.order_status==0" @click="goPage('/pages/confirm_order/order_details?order_sn='+item.order_sn+'&from=curriculum')" style="background-color: #62469B;">催进度</view>
									<view class="user_money_log_b_c_b" v-if="item.order_status==0" @click="order_cancel_click(item,index)">取消订单</view>
								</view>
							</view>
						</view>
					</view>
					<view v-if="bankuai==3">
						<u-sticky :offset-top="CustomBar">
							<view class="order_list_a">
								<view class="order_list_a_a" style="width: 25%;" @click="order_click(0)" :class="current==0?'order_list_a_aa':''">
									全部
									<view v-if="current==0" class="order_list_a_a_a"></view>
								</view>
								<view class="order_list_a_a" style="width: 25%;" @click="order_click(1)" :class="current==1?'order_list_a_aa':''">
									待付款
									<view v-if="current==1" class="order_list_a_a_a"></view>
								</view>
								<view class="order_list_a_a" style="width: 25%;" @click="order_click(2)" :class="current==2?'order_list_a_aa':''">
									已完成
									<view v-if="current==2" class="order_list_a_a_a"></view>
								</view>
								<view class="order_list_a_a" style="width: 25%;" @click="order_click(3)" :class="current==3?'order_list_a_aa':''">
									取消
									<view v-if="current==3" class="order_list_a_a_a"></view>
								</view>
							</view>
						</u-sticky>
						<view class="order_a" v-if="orderList.length>0">
							<view class="order_a_a" v-for="(item, index) in orderList" :key="index">
								<view style="overflow: hidden;" @click="goPage('/pages/curriculum_order/order_details?order_sn=' + item.order_sn)">
									<view class="order_a_a_a">
										<view class="order_a_a_a_a">
											订单号：{{item.order_sn}}
										</view>
										<view class="order_a_a_a_b">
											{{item.order_status_desc}}
										</view>
									</view>
									<view class="order_a_a_b" style="margin-top: 20rpx;" v-for="(item1, index1) in item.curriculum_order_goods" :key="index1">
										<view class="order_a_a_b_a" style="width: 170rpx;height: 95rpx;">
											<custom-image :lazy-load="true" width="170rpx" height="95rpx" radius="8rpx" lazy-load :src="item1.image"></custom-image>
										</view>
										<view class="order_a_a_b_b" style="width: 435rpx;">
											<view class="order_a_a_b_b_a">{{item1.goods_name}}</view>
											<view class="order_a_a_b_b_b" style="color: #CC8EBC;">{{item1.course_type_name}}</view>
											<view class="order_a_a_b_b_c">
												<view class="order_a_a_b_b_c_a" v-if="item1.integral==0 && item1.goods_price==0">
													免费
												</view>
												<view class="order_a_a_b_b_c_a" v-if="item1.integral==0 && item1.goods_price>0">
													<span>¥</span>{{item1.goods_price}}
												</view>
												<view class="order_a_a_b_b_c_a" v-if="item1.goods_price==0 && item1.integral>0">
													<span>积分</span>{{item1.integral}}
												</view>
												<view class="order_a_a_b_b_c_a" v-if="item1.goods_price>0 && item1.integral>0">
													<span>积分</span>{{item1.integral}}+<span>¥</span>{{item1.goods_price}}
												</view>
											</view>
										</view>
									</view>
								</view>
								<view class="user_money_log_b_c" v-if="item.order_status==0">
									<view class="user_money_log_b_c_b" v-if="item.order_status==0" @click="goPage('/pages/confirm_order/order_details?order_sn='+item.order_sn+'&from=curriculum')" style="background-color: #62469B;">催进度</view>
									<view class="user_money_log_b_c_b" v-if="item.order_status==0" @click="order_cancel_click(item,index)">取消订单</view>
								</view>
							</view>
						</view>
					</view>
					<loading-footer :status="status" :slot-empty="true">
						<view slot="empty" class="column-center" style="padding-top: 200rpx">
							<image class="img-null" src="/static/goods_null.png"></image>
							<text class="lighter">暂无订单</text>
						</view>
					</loading-footer>
				</view>
			</view>
			<view v-else>
				<view class="details-null column-center" style="margin-top: 160rpx;">
					<image class="img-null" src="/static/goods_null.png"></image>
					<view class="xs muted" @click="isLogin_click">您还未授权，<span style="color: #D3195E;">请点击前往授权</span></view>
				</view>
			</view>
		</view>
		<u-modal
			:show="ts_show" 
			@confirm="delAddressFun" 
			@cancel="ts_show=false"
			confirmColor="#ffffff" 
			cancelColor="#ffffff" 
			:title="title" 
			:content="content" 
			ref="uModal" 
			:showCancelButton="true" 
			:asyncClose="true">
		</u-modal>
		<u-tabbar
			:value="value1"
			:fixed="true"
			:border="false"
			:placeholder="true"
			:safeAreaInsetBottom="true"
			activeColor="#462981"
			inactiveColor="#9583BA"
			zIndex='99'
			@change="tabbar_change"
		>
			<u-tabbar-item text="首页" :icon="value1==0?'/static/tabbar_11.png':'/static/tabbar_1.png'" ></u-tabbar-item>
			<u-tabbar-item text="订单" :icon="value1==1?'/static/tabbar_22.png':'/static/tabbar_2.png'" ></u-tabbar-item>
			<u-tabbar-item text="购物车" :icon="value1==2?'/static/tabbar_33.png':'/static/tabbar_3.png'" ></u-tabbar-item>
			<u-tabbar-item text="我的" :icon="value1==3?'/static/tabbar_44.png':'/static/tabbar_4.png'" ></u-tabbar-item>
		</u-tabbar>
	</view>
</template>
<script>
	import request from '@/common/request.js';
	import {
		loadingType
	} from '@/utils/type';
	export default {
		data() {
			return {
				showLoading: true,
				ts_show:false,
				value1:1,
				bankuai:1,
				uid: 0,
				CustomBarh: 0,
				current: 0,
				index_search:request.baseUrl_img+'/img/index_search.png',
				keyword: '',
				orderList: [],
				status: loadingType.LOADING,
				page: 1,
				limit: 10,
				type: 0,
				orderId: 0,
				title:'提示',
				content:'',
				order_info:[],
				order_index:'',
				order_lx:0,
			}
		},
		onLoad: function(options) {
			this.current = options.current ? options.current : 0;
			uni.$on("selectWxrole", params => {
				this.uid = uni.getStorageSync('uid');
				this.onRefresh();
			})
			this.uid = uni.getStorageSync('uid');
			if (this.uid) {
				this.onRefresh();
			} else {
				this.showLoading = false;
			}
		},
		onShow() {
			this.uid = uni.getStorageSync('uid');
			this.CustomBarh = this.CustomBar;
		},
		onReachBottom: function() {
			this.getOrderListFun();
		},
		created() {
			uni.$on("refreshorder", () => {
				this.onRefresh();
			});
		},
		destroyed: function() {
			uni.$off("refreshorder");
		},
		mounted() {

		},
		methods: {
			order_type_click(e){
				this.bankuai=e;
				this.current=0;
				this.onRefresh();
			},
			isLogin_click() {
				if (!this.$util.isLogin()) {
					return;
				}
			},
			getType(state) {
				switch (state) {
					case 0:
						return 'all'
					case 1:
						return 'pay'
					case 2:
						return 'delivery'
					case 3:
						return 'receive'
					case 4:
						return 'finish'
					case 5:
						return 'close'
				}
			},
			delAddressFun() {
				if(this.order_lx==1){
					this.order_confirm_post();
				}
			},
			order_confirm_click(item, index) {
				this.order_info =item;
				this.order_index =index;
				this.order_lx =1;//确认收货
				this.content ='您确认该订单已收到商品吗？';
				this.ts_show =true;
			},
			order_confirm_post() {
				let paramsList = {
					uid: this.uid,
					order_id:this.order_info.id,
				}
				let optsList = {
					url: 'o-order_confirm',
					method: 'post'
				};
				uni.showLoading({
					title: '确认中',
					mask: true
				})
				let _this = this;
				let orderList = this.orderList;
				request.httpTokenRequest(optsList, paramsList).then(res => {
					uni.hideLoading();
					if (res.data.code ==1) {
						_this.ts_show =false;
						_this.$nextTick(() => {
							_this.$set(orderList[_this.order_index], 'order_status_desc', '已完成');
							_this.$set(orderList[_this.order_index], 'take_btn',0);
						})
					} else {
						uni.showToast({
							title: res.data.msg,
							icon: 'none',
							duration: 2000
						});
					}
				});
			},
			order_cancel_click(item, index) {
				let _this = this;
				uni.showModal({
					title: '提示',
					content: '您确认取消该订单吗？',
					success: function(res) {
						if (res.confirm) {
							_this.order_cancel_post(item, index);
						}
					}
				});
			},
			order_cancel_post(item, index) {
				let paramsList = {
					uid: this.uid,
					order_id: item.id,
				}
				let optsList = {
					url: 'o-order_cancel',
					method: 'post'
				};
				uni.showLoading({
					title: '取消中',
					mask: true
				})
				let _this = this;
				let orderList = this.orderList;
				request.httpTokenRequest(optsList, paramsList).then(res => {
					uni.hideLoading();
					if (res.data.code == 1) {
						_this.$nextTick(() => {
							_this.$set(orderList[index], 'order_status_desc', '已取消');
							_this.$set(orderList[index], 'order_status', 4);
						})
					} else {
						uni.showToast({
							title: res.data.msg,
							icon: 'none',
							duration: 2000
						});
					}
				});
			},
			goPage(url) {
				uni.navigateTo({
					url
				});
			},
			order_click(index) {
				if(index==6){
					this.goPage('/pages/post_sale/post_sale');
				}else{
					this.current = index;
					this.onRefresh();
				}
			},
			onRefresh() {
				this.page = 1
				this.orderList = []
				this.status = loadingType.LOADING
				this.$nextTick(() => {
					this.getOrderListFun();
				});
			},
			async getOrderListFun() {
				let {
					page,
					limit,
					orderList,
					current,
					keyword,
					status
				} = this;
				if (status == loadingType.FINISHED) return;
				let url='o-lists';
				let paramsList = {};
				if(this.bankuai==1){
					paramsList = {
						page: page,
						limit: limit,
						uid: this.uid,
						keyword:keyword,
						type: this.getType(parseInt(current)),
					}
				}
				if(this.bankuai==2){
					paramsList = {
						page: page,
						limit:limit,
						type:current,
						keyword:keyword,
						uid:this.uid
					}
					url='o-curriculumlists';
				}
				if(this.bankuai==3){
					paramsList = {
						page: page,
						limit:limit,
						type:current,
						keyword:keyword,
						uid:this.uid
					}
					url='o-testlists';
				}
				let optsList = {
					url: url,
					method: 'get'
				};
				let _this = this;
				request.httpTokenRequest(optsList, paramsList).then(res => {
					if (res.data.code == 200) {
						if (page == 1) orderList = []
						let {
							list,
							more
						} = res.data.data
						this.orderList.push(...list)
						this.page = ++this.page
						if (!more) {
							this.status = loadingType.FINISHED
						}
						if (this.orderList.length <= 0) {
							this.status = loadingType.EMPTY
						}
					} else {
						this.status = loadingType.ERROR
					}
					_this.showLoading = false;
				});
			},
			tabbar_change(e){
				if (e == '0') {
					uni.reLaunch({
						url: '/pages/home/vendor'
					})
					return;
				}else if (e == '1') {
					uni.reLaunch({
						url: '/pages/order/order'
					})
					return;
				}else if (e == '2') {
					uni.reLaunch({
						url: '/pages/cart/list'
					})
					return;
				}else if (e == '3') {
					uni.reLaunch({
						url: '/pages/user/info'
					})
					return;
				}
			},
		}
	}
</script>

<style lang="scss" scoped>
	.order_type{
		width: 710rpx;
		height: 88rpx;
		background:#2A1E2F;
		border-radius: 44rpx;
		margin: auto;
		margin-top: 30rpx;
	}
	.order_type_a{
		width: 33.33%;
		float: left;
		border-radius: 44rpx;
		font-family: PingFang SC;
		font-weight: 500;
		font-size: 30rpx;
		color: #FFFFFF;
		line-height: 88rpx;
		text-align: center;
	}
	.order_type_aa{
		background-color: #62469B;
	}
	.order_db{
		width: 750rpx;
		height: auto;
		box-shadow: inset 0 0 20rpx 20rpx rgba(85, 56, 105, 0.2);
		overflow: hidden;
		padding: 60rpx 25rpx;
		border-radius: 20rpx;
		margin-top: 28rpx;
	}
	.header_wrap{
		width: 100%;
		height: 72rpx;
		border-radius: 34rpx;
		background-color:#2B2030;
	}
	.header_wrap_a{
		width: 40rpx;
		height: 40rpx;
		float: left;
		margin-top: 17rpx;
		margin-left: 15rpx;
		margin-right: 15rpx;
	}
	.header_wrap_b{
		width: 430rpx;
		height: 68rpx;
		float: left;
	}
	.header_wrap_b input{
		width: 430rpx;
		height: 68rpx;
		line-height: 68rpx;
		font-size: 24rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #fff;
	}
	.header_wrap_c{
		width: 145rpx;
		height: 68rpx;
		background:#62469B;
		border-radius: 29rpx;
		float: right;
		font-size: 24rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #FFFFFF;
		line-height: 68rpx;
		text-align: center;
	}
	.order_list_a {
		height: 90rpx;
		line-height: 90rpx;
		width: 700rpx;
		margin-top: 20rpx;
	}
	.order_list_a_a {
		width: 14.28%;
		float: left;
		height: 90rpx;
		line-height: 90rpx;
		font-size: 24rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color:#FFFFFF;
		position: relative;
		text-align: center;
	}
	.order_list_a_aa {
		color: #CC8FBE;
		font-size: 32rpx;
	}
	.order_list_a_a_a {
		position: absolute;
		height: 8rpx;
		bottom: 5rpx;
		background-color:#CC8EBC;
		width: 48rpx;
		left: 50%;
		margin-left: -24rpx;
	}
	.order_a {
		overflow: hidden;
	}
	.order_a_a {
		width: 700rpx;
		height: auto;
		box-shadow: inset 0 0 20rpx 20rpx rgba(85, 56, 105, 0.6);
		border-radius: 20rpx;
		margin: auto;
		margin-top: 20rpx;
		padding: 33rpx;
		overflow: hidden;
	}

	.order_a_a_a {
		overflow: hidden;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.order_a_a_a_a {
		font-size: 26rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #fff;
		display: flex;
		align-items: center;
	}
	.order_a_a_a_b {
		font-size: 26rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color:#CD8FBE;
	}
	.order_a_a_ba {
		height: 140rpx;
		overflow: hidden;
		margin-top: 20rpx;
	}
	.order_a_a_ba_a {
		float: left;
		width: 470rpx;
	}
	.order_a_a_ba_b {
		float: right;
		width: 160rpx;
		text-align: center;
		height: 140rpx;
	}
	.order_a_a_ba_b_a {
		text-align: center;
		margin-top: 30rpx;
		color: #fff;
	}
	.order_a_a_ba_b_b {
		text-align: center;
		color: #fff;
	}
	.order_a_a_b {
		overflow: hidden;
	}
	.order_a_a_b_a {
		width: 140rpx;
		height: 140rpx;
		background: #FFFFFF;
		border-radius: 8rpx;
		float: left;
	}
	.order_a_a_b_b {
		float: right;
		width: 310rpx;
		height: 140rpx;
		overflow: hidden;
	}
	.order_a_a_b_b_a {
		font-size: 32rpx;
		font-family: PingFang SC;
		font-weight: 800;
		color: #fff;
		overflow: hidden;
		height: 40rpx;
		line-height: 40rpx;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.order_a_a_b_b_b {
		font-size: 24rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #fff;
		overflow: hidden;
		margin-top: 10rpx;
	}
	.order_a_a_b_b_c_a {
		float: left;
		font-size: 32rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color:#FF6000;
	}
	.order_a_a_b_b_c_a span {
		ont-size: 24rpx;
	}
	.order_a_a_b_b_c {
		font-size: 36rpx;
		font-family: PingFang SC;
		font-weight: bold;
		color: #FF3F4B;
		margin-top: 10rpx;
		overflow: hidden;
	}
	.order_a_a_b_b_c span {
		font-size: 24rpx;
	}
	.user_money_log_b_c {
		height: 60rpx;
		margin-top: 25rpx;
		overflow: hidden;
	}
	.user_money_log_b_c_b {
		width: 160rpx;
		height: 60rpx;
		background:#CD8FBE;
		border-radius: 30rpx;
		font-size: 24rpx;
		font-family: PingFang SC;
		font-weight: 800;
		color: #FFFFFF;
		line-height: 60rpx;
		text-align: center;
		float: right;
		margin-left: 10rpx;
	}
</style>